<template>
     <div class="remind_notice_wrap">
    <div class="notice_item" v-for="(item, index) in noticeList" :key="'notice_' + index">
      <div class="notice_head">
        待办提醒<img src="static/image/home/close.png" @click.stop.prevent="noticeList.splice(index, 1)" />
      </div>
      <div class="notice_text" v-html="item.value || item.VALUE"></div>
      <div class="notice_details" @click.stop.prevent="toNoticeDetails(item, index)">
        <div>{{ item.remind_time || item.REMIND_TIME }}</div>
        <div>查看详情</div>
      </div>
    </div>
    <div class="notice_item" v-for="(item, index) in calendarList" :key="'notice_' + index">
      <div class="notice_head">
        日程提醒<img src="static/image/home/close.png" @click.stop.prevent="calendarList.splice(index, 1)" />
      </div>
      <div class="notice_text" v-html="item.THEME"></div>
      <div class="notice_details" @click.stop.prevent="toCalendarDetails(item, index)">
        <div>{{ item.STARTTIME }}</div>
        <div>查看详情</div>
      </div>
    </div>
  </div>
</template>
           
<script>
export default {
  props: ["noticeList", "calendarList"],

  methods: {
    toCalendarDetails(t, i) {
      this.$emit("toCalendarDetails", t, i);
    },
    toNoticeDetails(t, i) {
      this.$emit("toNoticeDetails", t, i);
    },
  },
};
</script>
<style scoped>
</style>